html,body{
    height:100%;
}
body{
    overflow: hidden;
}
#map{
    width: 100%;
    height: 100%;
}

.m0{margin: 0px;}
.p0{padding: 0px;}
.bgc{background: #f2f2f2}

.header{height: 59px; border-bottom: 1px solid #404553;  background-color: #393D49;}
.logo{position: absolute; left: 0; top: 16px;}
.logo img{width: 82px; height: 31px;}

.header .layui-nav{position: absolute; right: 0px; top: 0; padding: 0; background: none;}
.header .layui-nav .layui-nav-item{margin: 0 20px; }
.header .layui-nav .layui-nav-item[mobile]{display: none;}
.component{font:"微软雅黑";color:white;font-size:18px;position: absolute;width: 300px;left: 60px;top: 18px;}

.left {float:left;}
.right {float:right;}
.relative{position: relative;}

.rightMenu{ position:fixed; left:-365px;top:0px;height: calc(100% - 60px);margin-top:60px;  z-index: 1000;}
.right-position{position:relative}
.right-cart{color:#fff; background:url(../img/btn-bg.png) no-repeat;height:118px;cursor: pointer;}
.left-content{height:100%;width:35px;}
.right-content{height:100%;width:365px;background:#eeeeee;}
.right-content-1{height:100%;width:450px;background:#eeeeee;}


.right-table{ position:fixed; right:0px;top:0px;height: calc(100% - 60px);margin-top:60px;  z-index: 1001;}

.site-demo-title {
    position: fixed;
    left: 200px;
    right: 0;
    top: 65px;
}
.layui-layout-admin .site-demo-body {
    top: 106px;
}
.nav-user{position:absolute; top: 5pxpx; right:50px;}
.nav-user span, 
.nav-user .unlogin, 
.out-login,
.avatar,
.avatar *,
.nav-user .nav{display:inline-block; vertical-align: middle; *display: inline; *zoom:1;}
.nav-user .unlogin{margin-right: 10px; margin-top: 8px;}
.nav-user span{position: relative;}
.nav-user span a{padding:0 10px;color:#A9B7B7;}
.nav-user span a:hover{color:#fff;}
.nav-user .nav{position:relative; top: -2px; left: auto; right: 0; margin-left: 30px;}
.nav-user .nav a{padding: 0 10px;}
.nav-user .unlogin i{margin-bottom: 12px;}



@font-face {
    font-family: 'iconfont';
    src: url('iconfont.eot');
    src: url('iconfont.eot?#iefix') format('embedded-opentype'),
    url('iconfont.woff') format('woff'),
    url('iconfont.ttf') format('truetype'),
    url('iconfont.svg#iconfont') format('svg');
}

.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.on{
    color: #13e8ce !important;
}

.icon-touxiang:before { content: "\e604"; }
.icon-touxiang{display:inline-block; color:#A9B7B7; font-size: 35px;}

 .mask {       
            position: absolute; top: 0px; filter: alpha(opacity=60); background-color: #777;     
            z-index: 1002; left: 0px;     
            opacity:0.5; -moz-opacity:0.5;     
        }

